<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入重置样式 -->
    <link rel="stylesheet" href="../css/reset.css">
    <!-- 引入常态化样式表 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 头部和尾部的模板样式 -->
    <link rel="stylesheet" href="../css/base.css">
    <!-- 引入当前样式 -->
    <link rel="stylesheet" href="../css/api-detail.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="container flex-center">
            <a href="#">
                <h1></h1>
            </a>
            <ul class="flex-b">
                <li><a href="./index.html">首页</a></li>
                <li><a href="./api-index.html">API</a></li>
                <li class="on"><a href="./api-detail.html">云服务</a></li>
                <li><a href="./customer.html">案例</a></li>
                <li><a href="./customer-detail.html">开发者</a></li>
            </ul>
            <div>
                <span onclick="location.href='./login.html';">登录</span>
                <span onclick="location.href='./regist.html';">注册有礼</span>
            </div>
        </div>
    </header>
    <!-- 占位符 -->
    <section class="header"></section>
    <!-- 主体 -->
    <main>
        <!-- 横幅 -->
        <div id="banner">
            <!-- 粒子背景 -->
            <div id="bannerBg"></div>
            <!-- 图文区 -->
            <div id="bannerCont">
                <div class="container cr">
                    <!-- 左边 -->
                    <div class="bannerImg fl">
                        <img src="../imgs/API详情页_11.jpg" alt="">
                        <ul class="flex-b">
                            <li>
                                <img src="../imgs/API详情页_smallicon_01.jpg" alt="">
                                <span>103</span>
                            </li>
                            <li>
                                <img src="../imgs/API详情页_smallicon_02.jpg" alt="">
                                <span>14245</span>
                            </li>
                            <li>
                                <img src="../imgs/API详情页_smallicon_03.jpg" alt="">
                                <span>623</span>
                            </li>
                        </ul>
                    </div>
                    <!-- 右边 -->
                    <div class="banner-identity fl">
                        <h3>身份证实名认证 <span>支持HTTPS</span><span>企业专用</span></h3>
                        <ul class="cr">
                            <li>
                                <img src="../imgs/API详情页_03.jpg" alt="">
                                <span>限企业实名用户使用</span>
                            </li>
                            <li>
                                <img src="../imgs/API详情页_08.jpg" alt="">
                                <span>本接口需提供应用场景审核</span>
                            </li>
                            <li>
                                <img src="../imgs/API详情页_05.jpg" alt="">
                                <span>个人实名用户无法使用</span>
                            </li>
                        </ul>
                        <p>检测姓名和身份证号是否一致，身份证验证</p>
                        <ul class="scan cr">
                            <li class="default">
                                <img src="../imgs/API详情页_17.jpg" alt="">
                                扫码测试
                                <div>
                                    <img src="../imgs/wechat-white.png" alt="">
                                    <p>请关注</p>
                                </div>
                            </li>
                        </ul>
                        <span class="dataNum"><b></b>(约<i></i>元/次),仅限企业实名购买;</span>
                        <button>立即申请</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- tab区：标题 -->
        <section id="tabTite">
            <div class="container">
                <ul class="cr">
                    <li class="active">API文档</li>
                    <li>错误参照</li>
                    <li>示例代码</li>
                    <li>联系我们</li>
                </ul>
            </div>
        </section>
        <section id="main-max">
            <div class="container cr">
                <!-- 左边：tab区：内容更换 -->
                <div class="main-left fl">
                    <!-- 内容区一： -->
                    <section id="tabContent">
                        <!-- 图文一 -->
                        <!-- 内容1 -->
                        <div class="content-one">
                            <p>
                                接口地址：
                                <span>http://op.juhe.cn/idcard/query</span>

                            </p>
                            <p>返回格式：
                                <span>json</span>
                            </p>
                            <p>请求方式：
                                <span>http get/post</span>
                            </p>
                            <p>请求示例：
                                <span>http://op.juhe.cn/idcard/query?key=您申请的KEY&idcard=&realname=</span>
                            </p>
                            <p>接口备注：
                                <span>error_code为0时计费</span>
                            </p>
                            <button>API测试工具</button>
                        </div>
                        <!--表格2 -->
                        <div class="content-two min-title">
                            <h3>请求参数说明：</h3>
                            <table>
                                <thead>
                                    <tr>
                                        <th>名称</th>
                                        <th>必填</th>
                                        <th>类型</th>
                                        <th>说明</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>idcard</td>
                                        <td>是</td>
                                        <td>string</td>
                                        <td>身份证号码</td>
                                    </tr>
                                    <tr>
                                        <td>realname</td>
                                        <td>是</td>
                                        <td>string</td>
                                        <td>姓名(UTF-8)</td>
                                    </tr>
                                    <tr>
                                        <td>orderid</td>
                                        <td>否</td>
                                        <td>int</td>
                                        <td>传1时返回单号，默认不返回单号(建议传入)</td>
                                    </tr>
                                    <tr>
                                        <td>key</td>
                                        <td>是</td>
                                        <td>string</td>
                                        <td>在个人中心->我的数据,接口名称上方查看</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <!-- 表格3 -->
                        <div class="content-two min-title">
                            <h3>返回参数说明：</h3>
                            <table>
                                <thead>
                                    <tr>
                                        <th>名称</th>
                                        <th>类型</th>
                                        <th>说明</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>error_code</td>
                                        <td>int</td>
                                        <td>返回码</td>
                                    </tr>
                                    <tr>
                                        <td>reason</td>
                                        <td>string</td>
                                        <td>返回说明</td>
                                    </tr>
                                    <tr>
                                        <td>result</td>
                                        <td>object</td>
                                        <td>返回结果集</td>
                                    </tr>
                                    <tr>
                                        <td>realname</td>
                                        <td>string</td>
                                        <td>属result,真实姓名</td>
                                    </tr>
                                    <tr>
                                        <td>idcard</td>
                                        <td>string</td>
                                        <td>属result,身份证号</td>
                                    </tr>
                                    <tr>
                                        <td>res</td>
                                        <td>int</td>
                                        <td>属result,匹配详情,1匹配,2不匹配</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <!-- json数据 -->
                        <div class="content-json min-title">
                            <h3>JSON返回示例：</h3>
                            <article>
                                {<br>
                                "reason": "成功",<br>
                                "result": {<br>
                                "realname": "***",/*真实姓名*/<br>
                                "idcard": "******************",/*<br>身份证号码*/<br>
                                "orderid":"J103202010151450419556"<br>,/*流水号*/<br>
                                "res": 1 /*1：匹配 2：不匹配*/<br>
                                },<br>
                                "error_code": 0<br>

                                }
                            </article>
                        </div>
                    </section>
                    <!-- 内容区2： -->
                    <section id="tabContent">
                        <!-- 内容1 -->
                        <div class="content-one">
                            <p>
                                接口地址：
                                <span>http://op.juhe.cn/idcard/query</span>
                        
                            </p>
                            <p>返回格式：
                                <span>json</span>
                            </p>
                            <p>请求方式：
                                <span>http get/post</span>
                            </p>
                            <p>请求示例：
                                <span>http://op.juhe.cn/idcard/query?key=您申请的KEY&idcard=&realname=</span>
                            </p>
                            <p>接口备注：
                                <span>error_code为0时计费</span>
                            </p>
                            <button>API测试工具</button>
                        </div>
                    </section>
                    <!-- 内容区3： -->
                    <section id="tabContent">
                        <!--表格2 -->
                        <div class="content-two min-title">
                            <h3>请求参数说明：</h3>
                            <table>
                                <thead>
                                    <tr>
                                        <th>名称</th>
                                        <th>必填</th>
                                        <th>类型</th>
                                        <th>说明</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>idcard</td>
                                        <td>是</td>
                                        <td>string</td>
                                        <td>身份证号码</td>
                                    </tr>
                                    <tr>
                                        <td>realname</td>
                                        <td>是</td>
                                        <td>string</td>
                                        <td>姓名(UTF-8)</td>
                                    </tr>
                                    <tr>
                                        <td>orderid</td>
                                        <td>否</td>
                                        <td>int</td>
                                        <td>传1时返回单号，默认不返回单号(建议传入)</td>
                                    </tr>
                                    <tr>
                                        <td>key</td>
                                        <td>是</td>
                                        <td>string</td>
                                        <td>在个人中心->我的数据,接口名称上方查看</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </section>
                    <!-- 内容区4： -->
                    <section id="tabContent">
                        <div class="content-json min-title">
                            <h3>JSON返回示例：</h3>
                            <article>
                                {<br>
                                "reason": "成功",<br>
                                "result": {<br>
                                "realname": "***",/*真实姓名*/<br>
                                "idcard": "******************",/*<br>身份证号码*/<br>
                                "orderid":"J103202010151450419556"<br>,/*流水号*/<br>
                                "res": 1 /*1：匹配 2：不匹配*/<br>
                                },<br>
                                "error_code": 0<br>
                        
                                }
                            </article>
                        </div>
                    </section>
                </div>
                <!-- 右边：侧边栏 -->
                <aside class="main-right fr">
                    <h3><strong>活动推荐/Activity</strong></h3>
                    <ul class="advert">
                        <li><img src="../imgs/sfz-aside1.png" alt=""></li>
                        <li><img src="../imgs/details-aside02.png" alt=""></li>
                        <li><img src="../imgs/details-aside03.png" alt=""></li>
                    </ul>
                    <h3><strong>猜你喜欢</strong></h3>
                    <ul class="like">
                        <li>
                            <span><img src="../imgs/API详情页_45.jpg" alt=""></span>
                            <div>
                                <h4>短信API服务</h4>
                                <p>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
                            </div>
                        </li>
                        <li>
                            <span><img src="../imgs/API详情页_45.jpg" alt=""></span>
                            <div>
                                <h4>短信API服务</h4>
                                <p>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
                            </div>
                        </li>
                        <li>
                            <span><img src="../imgs/API详情页_45.jpg" alt=""></span>
                            <div>
                                <h4>短信API服务</h4>
                                <p>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
                            </div>
                        </li>
                        <li>
                            <span><img src="../imgs/API详情页_45.jpg" alt=""></span>
                            <div>
                                <h4>短信API服务</h4>
                                <p>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
                            </div>
                        </li>
                        <li>
                            <span><img src="../imgs/API详情页_45.jpg" alt=""></span>
                            <div>
                                <h4>短信API服务</h4>
                                <p>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
                            </div>
                        </li>

                    </ul>
                </aside>
            </div>
        </section>
        <section id="main-down">
            <h2>现在注册，百款接口免费测试</h2>
            <button>免费注册</button>
        </section>
    </main>
    <!-- 尾部 -->
    <footer>
        <div class="container fTop flex-b">
            <!-- left -->
            <div class="fLt">
                <!-- 1 -->
                <div>
                    <h3>联系与支持</h3>
                    <ul>
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                </div>
                <!-- 2 -->
                <div>
                    <h3>联系与支持</h3>
                    <ul>
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                </div>
                <!-- 3 -->
                <div>
                    <h3>联系与支持</h3>
                    <ul>
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                </div>
                <!-- 4 -->
                <div>
                    <h3>联系与支持</h3>
                    <ul>
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                </div>
                <!-- 5 -->
                <div>
                    <h3>联系与支持</h3>
                    <ul>
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                </div>
            </div>
            <!-- right -->
            <div class="fRt">
                <h3>微信公众号</h3>
                <p>源码时代</p>
                <img src="../imgs/wechat-white.png" alt="">
            </div>
        </div>
        <!-- 最下面 -->
        <div class="fBm">
            <div class="container  flex-b">
                <p>
                    <img src="../imgs/bei2.png" alt="">
                    <img src="../imgs/bei1.png" alt="">
                    <span>增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</span>
                </p>
                <p>
                    <span>源码大数据股份有限公司©版权所有</span>
                    <!-- 定位在浏览器端 -->
                    <b></b>
                </p>
            </div>
        </div>
    </footer>

    <!-- util.js -->
    <script src="../js/util.js"></script>
    <!-- 插件：粒子插件 -->
    <script src="../lib/canvas-particle.js"></script>
    <!-- 本页面js -->
    <script src="../js/api-detail.js"></script>
</body>

</html>